iT邦幫忙

2022 iThome 鐵人賽

DAY 30
0
Modern Web

Nuxt 3 - 因為還不穩定,所以來踩地雷系列 第 30

[Day 30] 發掘更多 Nuxt3 生態的工具 - Nuxt Module

  • 分享至 

  • xImage
  •  

心得

終於到了最後一天,一開始只是因為公司使用 Vue3,遇到需要 SEO 的案子,所以摸了還未進入正式版的 Nuxt3,實際上沒有詳細規劃的情況下要寫滿30天實在不容易,但是因為寫文章的需求之下,讓自己每天都關注 Nuxt3 的發展進度,雖然已經25天沒有發佈新版本,但是實際上有不少熱心的高手在持續的優化他。

目前最新的 rc.12 已經過了PR,應該很快就會推出,有興趣的也可以看看 PR 中更新了哪些內容,下面就先介紹一個困擾很久的功能:dotenv。

支援dotenv(rc.12)

相信很多人會使用 .env 來設定一些環境變數,在正式的專案中可能除了 development 和 production 兩個版本之外,還回有其他的版本,這時會需要多個 env 檔案,在 build 的時候使用不同的環境變數。

但是 rc.11 以前的版本中 Nuxt3 只要是執行 build 指令就是套用 production 的 env 檔,沒辦法指定要使用哪個 env,只能迂迴的使用 runtimeConfig 來設定多版本的環境變數,非常不直覺。

rc.12 中終於支援 dotenv,到時使用 dev, build, preview 指令時也能指定環境變數檔案了。

Feat PR 連結

Nuxt Module

Vue(Nuxt)生態圈越來越豐富,除了 Nuxt 提供的 API,Vue 的相關套件都可以使用,像是 VueUse 這些強大的工具包都可以在需要的時候加入,省去自行開發的時間,如果遇到特殊的需求,不妨到 Nuxt Module 看看有什麼神奇工具吧!
https://ithelp.ithome.com.tw/upload/images/20221015/20129729EmkMxj0UVk.png


上一篇
[Day29] Nuxt3 圖片優化 - nuxt-img
系列文
Nuxt 3 - 因為還不穩定,所以來踩地雷30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言